
$vi-color1: #646cff;
$vi-height: 6em;

// @extend 规则
// 写为 @extend <selector>，它告诉 Sass 一个选择器应该继承另一个选择器的样式
// 占位符选择器的扩展功能
%button {
  box-sizing: border-box;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 3px;
  border: 1px solid var(--el-border-color);
  background-color: var(--el-fill-color);
  outline: none;
  &:hover,
  &:focus {
    outline: none;
  }
}